
 #app{
	 background-color: #f6f6f6;
	 margin-top: -15px;
 }


.rank{
	width: 1240px;
	 
	  margin: 96px auto 0;
	  font-size: 14px;
	  color: #333;
	  display: flex;
	  flex-direction: row;
	  border-radius: 3px;
	  
	  
	  
}
 

.rank-main {
  background: #f6f6f6;
  overflow: hidden;
}

.rank-main .rank {
  margin-top: 4px;
}

.rank-wrap{
	width: 200px !important;
	  height: auto;
	  flex-shrink: 0;
	  border-radius: 10px;
}


.rank-mulu{
	margin-left: 16px;
	  background: #fff;
	  border-radius: 10px;
	  padding: 40px 20px;
	  flex: 1;
	  margin-bottom: 40px;
}

.muye-rank-wrap-header {
  text-align: left;
  padding-left: 20px;
  padding-right: 17px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.muye-rank-wrap-header h1 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}

.muye-rank-wrap-header p {
  margin-top: 6px;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0,0,0,.3);
}

.rank-info {
  font-size: 14px;
  line-height: 28px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgba(0,0,0,.4);
  cursor: pointer;
}

.rank-mulu-list{
	padding-bottom: 42px;
}
  
.list-book{
	padding: 16px 24px;
	border-radius: 6px;
	position: relative;
	  display: flex;
	  align-items: center;
}

 

.book-item-index {
  min-width: 31.6px;
  font-family: SF Pro Text;
}

 .book-item-index h1 {
	color: #e3b87a;
	margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -1px;
}

 .book-item-index p {
  margin-top: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: rgba(0,0,0,.24);
  white-space: nowrap;
}
 
 
 .book-item-cover {
   flex: 0 0 auto;
   width: 112px;
   height: 156px;
   cursor: pointer;
   position: relative;
   border-radius: 4px;
   overflow: hidden;
   margin-left: 24px;
 }
 
 .muye-book-cover {
   filter: drop-shadow(0 6px 16px rgba(0,0,0,.12));
   display: inline-block;
 }
 
 .book-cover {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 
 .book-cover-img.loaded {
   position: relative;
   opacity: 1;
   transition: all .2s ease-in;
   border-radius: 4px;
   left: 0;
     top: 0;
	 width: 100%;
	   height: 100%;
	   background: transparent no-repeat 50%;
	     background-size: auto;
	   background-size: cover;
	   z-index: 1;
	   border-style: none;
 }
 
 .book-effect {
   background: none;
   border-radius: 4px;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }
 
  .book-item-text {
   margin-left: 24px;
 }
 .title {
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
   cursor: pointer;
   color: #000;
 }
 .title :hover {
   
   color: orange;
 }
 
 .font-DNMrHsV173Pd4pgy {
   font-family: DNMrHsV173Pd4pgy,-apple-system, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 body a {
   cursor: pointer;
   text-decoration: none;
   color: #333;
 }
 
 a {
   background-color: transparent;
   outline: 0;
 }
 
 .author   {
   margin-top: 8px;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: rgba(0,0,0,.4);
 }
 
 .author a  {
   color: rgba(0,0,0,.4);
   cursor: pointer;
   text-decoration: none;
 }
 
  .abstract {
   line-height: 23px;
   word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 
 .desc {
   margin-top: 8px;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: rgba(0,0,0,.4);
 }


.font-DNMrHsV173Pd4pgy {
  font-family: DNMrHsV173Pd4pgy,-apple-system, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.book-item-footer {
  color: rgba(0,0,0,.4);
  display: flex;
  align-items: center;
}

.book-item-footer  {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0,0,0,.4);
}


.byte-divider-vertical {
  margin: 4px 16px 0;
  background-color: rgba(0,0,0,.4);
  display: inline-block;
    width: 1px;
    min-width: 1px;
    max-width: 1px;
    margin: 0 .6em;
    height: .9em;
    top: -.1em;
    vertical-align: middle;
    position: relative;
    background: #f0f1f2;
}

 

.serial-divider.byte-divider {
  background: #d8d8d8;
    background-color: rgb(216, 216, 216);
}

.book-item-footer-last {
  width: 316px;
}

.chapter {
  color: rgba(0,0,0,.4);
  display: flex;
  width: 100%;
  word-wrap: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 580px;
  margin-right: 60px;
  cursor: pointer;
}

.book-item-footer-time {
  margin-left: 58px;
}

.list-book :hover{
	background-color: #f6f6f6;
}